<template>
  <div class="other-work">
    <el-tabs type="border-card">
      <el-tab-pane label="奖励明细" :lazy="true">
          <goldBox :detail="detail"/>
      </el-tab-pane>
      <el-tab-pane label="趣宝石明细" name="gemDetail" :lazy="true">
          <gemDetail :detail="detail"/>
      </el-tab-pane>
      <el-tab-pane label="抽奖记录" :lazy="true">
          <lottery :detail="detail"/>
      </el-tab-pane>
      <el-tab-pane label="邀请记录" :lazy="true">
          <inviteBox :detail="detail"/>
      </el-tab-pane>
      <el-tab-pane label="组队信息" name="quTeam" :lazy="true">
          <quTeamBox :detail="detail"/>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import goldBox from './gold'
import lottery from './lottery'
import inviteBox from './invite'
import quTeamBox from './quTeam'
import gemDetail from './gemDetail'

export default {
  components: {
    goldBox,
    lottery,
    inviteBox,
    quTeamBox,
    gemDetail
  },
  props: ['detail'],
  data () {
    return {
    }
  },
  mounted() {
    console.log(this.detail, 'ppp')
  },
}
</script>
<style lang="scss" scoped>
  .other-work {

  }
</style>
